<template>
  <div class="main_middle">
    <div class="main_middle_list" v-for="(item, index) in list" :key="index">
      <img src="../../../assets/001/main_middle.png" />
      <div class="main_list_title main_list_title1">{{ item.title }}</div>
      <!-- <span class="main_list_title_num main_list_title_num1">{{
        item.num
      }}</span> -->
      <span class="main_list_title_num main_list_title_num1">
        <CountTo :value="item.num" />
      </span>
    </div>
  </div>
</template>

<script setup>
import { ref } from "vue";
import CountTo from "./CountTo.vue";
const list = ref([
  {
    title: "测试11",
    num: 189,
  },
  {
    title: "测试22",
    num: 314,
  },
  {
    title: "测试33",
    num: 251,
  },
  {
    title: "测试44",
    num: 220,
  },
  {
    title: "测试55",
    num: 228,
  },
]);
</script>

<style lang="scss" scoped></style>
